<div class="container">
  <div class="overview-wrapper">
    <h1 class="name">{{seller.name}}</h1>
    <div class="stars-wrapper">
      <div  class="inline-block stars"><app-stars height="31" offColor="#93999f" onColor="#f90" [ratio]="seller.score"></app-stars></div>
      <span class="ratingCount">({{seller.ratingCount}})</span>
      <span class="sellCount">月销{{seller.sellCount}}单</span>
    </div>
    <div class="remark">
      <div class="inline-block">
        <h1>起送价</h1>
        <div class="content"><span class="stress">{{seller.minPrice}}</span>元</div>
      </div>
      <div class="inline-block">
        <h1>商家配送</h1>
        <div class="content"><span class="stress">{{seller.deliveryPrice}}</span>元</div>
      </div>
      <div class="inline-block">
        <h1>平均配送时间</h1>
        <div class="content"><span class="stress">{{seller.deliveryTime}}</span>元</div>
      </div>
    </div>
    <div class="favorite">
      <span (click)="onFavoraite()" class="iconfont icon-favor-active" [ngClass]="{'active': isFavorite}"></span>
      <p *ngIf="!isFavorite">收藏</p>
      <p *ngIf="isFavorite" class="active">已收藏</p>
    </div>
  </div>
  <div class="split"></div>
  <div class="bulletin-wrapper">
    <h1 class="title">公告与活动</h1>
    <div class="bulletin">{{seller.bulletin}}</div>
    <ul class="supports">
      <li *ngFor="let support of seller.supports" class="supports-item">
        <span class="iconfont icon-jian" *ngIf="support.type==0"></span>
        <span class="iconfont icon-zhe1" *ngIf="support.type==1"></span>
        <span class="iconfont icon-te" *ngIf="support.type==2"></span>
        <span class="iconfont icon-piao" *ngIf="support.type==3"></span>
        <span class="iconfont icon-bao" *ngIf="support.type==4"></span>
        <span>{{support.description}}</span>
      </li>
    </ul>
  </div>
  <div class="split"></div>
  <div class="picture-wrapper">
    <h1 class="title">商家实景</h1>
    <ul class="pics">
      <li (click)="onImageShow(i)" class="pic inline-block" *ngFor="let pic of seller.pics;index as i">
        <img [src]="pic" width="120" height="90" />
      </li>
    </ul>
  </div>
  <div class="split"></div>
  <div class="info-wrapper">
    <h1 class="title">商家信息</h1>
    <ul class="infos">
      <li class="info" *ngFor="let info of seller.infos">{{info}}</li>
    </ul>
  </div>
</div>
